<template>
	<view class="detail">
		<view>
			<view class="detail-title">
				文章的标题
			</view>
			<view class="detail-author">
				<text>编辑：张三</text>
				<text>2023-05-05 15:12:00</text>
			</view>
			<view class="detail-contnet">
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
				文章内容
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {

			}
		},
		methods: {}
	}
</script>
<style lang="scss" scoped>
	.detail{
		padding: 20rpx;
		.detail-title{
			font-size: 40rpx;
			font-weight: 600;
			display: -webkit-box;
			overflow: hidden;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
		}
		.detail-author{
			margin: 20rpx 0;
			padding: 16rpx 16rpx;
			border-radius: 8rpx;
			display: flex;
			justify-content: space-between;
			font-size: 22rpx;
			color: #999999;
			background-color: #f6f6f6;
		}
		.detail-contnet{
			font-size: 26rpx;
			color: #333;
		}
	}
</style>
